import Vue from 'vue';
import axios from './router/axios';
import VueAxios from 'vue-axios';
import App from './App';
import router from './router/router';
import './permission'; // 权限
import './error'; // 日志
import './cache';//页面缓冲
import store from './store';
import { loadStyle } from './util/util'
import * as urls from '@/config/env';
import Element from 'element-ui';
import {
  iconfontUrl,
  iconfontVersion
} from '@/config/env';
import i18n from './lang' // Internationalization
import './styles/common.scss';
import basicBlock from './components/basic-block/main'
import basicContainer from './components/basic-container/main'
import crudCommon from '@/mixins/crud.js'
window.$crudCommon = crudCommon
Vue.use(router)
Vue.use(VueAxios, axios)
Vue.use(Element, {
  i18n: (key, value) => i18n.t(key, value)
})
Vue.use(window.AVUE, {
  i18n: (key, value) => i18n.t(key, value)
})
//注册全局容器
Vue.component('basicContainer', basicContainer)
Vue.component('basicBlock', basicBlock)
// 加载相关url地址
Object.keys(urls).forEach(key => {
  Vue.prototype[key] = urls[key];
})

// 动态加载阿里云字体库
iconfontVersion.forEach(ele => {
  loadStyle(iconfontUrl.replace('$key', ele));
})

Vue.config.productionTip = false;
// 引用qs
import qs from 'qs'
Vue.prototype.$qs = qs


Vue.prototype.$ajax = axios

//  引入echarts
import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
// 引用jQuery
import $ from "jquery"
window.$ = $;
// vue-cookies
import VueCookies from 'vue-cookies'
Vue.use(VueCookies);


// // 引入
// import NProgress from 'nprogress';
// import 'nprogress/nprogress.css';
// // 进度条配置项这样写
// NProgress.configure({
//  showSpinner: false
// });
// // 路由跳转前钩子函数中 - 执行进度条开始加载
// router.beforeEach((to, from, next) => {
//  NProgress.start();
// });
// // 路由跳转后钩子函数中 - 执行进度条加载结束
// router.afterEach(() => {
//  NProgress.done();
// });
new Vue({
  router,
  store,
  i18n,
  render: h => h(App)
}).$mount('#app')